<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>

	<link media="all" rel="stylesheet" href="css/reset.css" type="text/css" />
	<link media="all" rel="stylesheet" href="css/global.css" type="text/css" />
	<link media="all" rel="stylesheet" href="css/js3.css" type="text/css" />
	
	<script src="js/cat.js" type="text/javascript"></script>
	<script src="js/js3.js" type="text/javascript"></script>
</head>
<body>
	<div id="wrapper">
		<h1>火眼金睛</h1>
		<p>下面共有 12 个小球，其中一个的质量与众不同，不知道它是偏轻还是偏重。
		请使用天秤找出这个小球，并指出它是偏轻还是偏重。
		最多只能称<span style="color:red;">3</span>次。</p>
		<div id="ballholder">
			<div class="ball"><span>1</span></div>
			<div class="ball"><span>2</span></div>
			<div class="ball"><span>3</span></div>
			<div class="ball"><span>4</span></div>
			<div class="ball"><span>5</span></div>
			<div class="ball"><span>6</span></div>
			<div class="ball"><span>7</span></div>
			<div class="ball"><span>8</span></div>
			<div class="ball"><span>9</span></div>
			<div class="ball"><span>10</span></div>
			<div class="ball"><span>11</span></div>
			<div class="ball"><span>12</span></div>
		</div>
		<div id="libra">
			<div id="balance"></div>
			<div class="platform" id="left_platform">
				<div id="left_holder" class="holder"></div>
			</div>
			<div class="platform" id="right_platform">
				<div id="right_holder" class="holder"></div>
			</div>
		</div><!-- libra -->
		<div id="operation">
			<button id="weight">称一下(还有2次机会)</button>
			<h2>结论</h2>
			<select id="ball_select">
				<option value="0">请选择</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>
			</select>
			号球的质量
			<input type="RADIO" name="compare" value="heavy" />偏重
			<input type="RADIO" name="compare" value="light" />偏轻
			<br />
			<button id="submit">提交</button>
		</div><!-- operation -->
	</div>
	<div id="page">
		<span>8/8</span>
		<br />
		<em>&#64;<a target="_blank" href="http://whulecture.net">whulecture.net</a></em>
	</div>
</body>
</html>
